<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>list</title>
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<link rel="stylesheet" type="text/css" href="css/commonality.css" />
		<link rel="stylesheet" type="text/css" href="css/list.css" />
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_1433371_k84aymiabxe.css" />
	</head>

	<body>
		<div class="web">
			<!--头部-->
			<header>
				<div>
					<ul>
						<li>关于我们</li>
						<li>联系我们</li>
						<li>中文版</li>
						<li>English</li>
						<li>微博入口</li>
						<li>敦冠视象</li>
					</ul>
				</div>
				<div>
					<div>
						<a href="homepege.html">
							<img src="img/homepage/微信截图_20190911200002_03.png" />
						</a>
					</div>
					<ul>
						<a href="homepege.html">
							<li>首页</li>
						</a>
						<a href="list.html">
							<li class="active">音响</li>
						</a>
						<a href="detail.html">
							<li>家庭系统</li>
						</a>
						<a href="">
							<li>商业系统</li>
						</a>
						<a href="">
							<li>客户服务</li>
						</a>
						<a href="">
							<li>产品与科技</li>
						</a>
						<a href="">
							<li>工程案例</li>
						</a>
						<a href="">
							<li>资讯</li>
						</a>
					</ul>
				</div>
			</header>

			<!--内容-->
			<div class="content">
				<div class="listbox">
					<div class="list">
						<div class="listX">
							<ul class="X_box1">
								<input type="radio" name="only" id="one"/>
								<label for="one">
									<li>
										<p><i class="iconfont icon-dayuhao"></i></p>
										<p>业内新闻</p>
										<p>NEWS</p>
									</li>
								</label>
								
								<li class="pstyle">
									<p>关于音响</p>
									<p>音响类型</p>
								</li>
							</ul>

							<ul class="X_box2">
								<input type="radio" name="only" id="two"/>
								<label for="two">
								<li>
									<p><i class="iconfont icon-dayuhao"></i></p>
									<p>媒体报道</p>
									<p>REPORTS</p>
								</li>
								</label>
								<li class="pstyle">
									<p>关于音响</p>
									<p>音响类型</p>
								</li>
							</ul>

							<ul class="X_box3">
								<input type="radio" name="only" id="three"/>
								<label for="three">
								<li>
									<p><i class="iconfont icon-dayuhao"></i></p>
									<p>其他资料</p>
									<p>DATA</p>
								</li>
								</label>
								<li class="pstyle">
									<p>关于音响</p>
									<p>音响类型</p>
								</li>
							</ul>

							<ul class="X_box4">
								<input type="radio" name="only" id="four"/>
								<label for="four">
								<li>
									<p><i class="iconfont icon-dayuhao"></i></p>
									<p>主要成就</p>
									<p>ACHIEVEMENT</p>
								</li>
								</label>
								<li class="pstyle">
									<p>关于音响</p>
									<p>音响类型</p>
								</li>
							</ul>

							<ul class="X_box5">
								<input type="radio" name="only" id="five"/>
								<label for="five">
								<li>
									<p><i class="iconfont icon-dayuhao"></i></p>
									<p>公司发展</p>
									<p>THE COMPANY</p>
								</li>
								</label>
								<li class="pstyle">
									<p>关于音响</p>
									<p>音响类型</p>
								</li>
							</ul>
						</div>

						<div class="phone">
							<ul>
								<li><img src="img/list/call up.png" /></li>
								<li>
									<p>0755-25023651</p>
									<p>0755-25023653</p>
								</li>
							</ul>
						</div>
					</div>
					<div class="img"><img src="img/list/headset.png" /></div>
				</div>

				<div class="newsbox">
					<div class="newshead">
						<p>NEWS</p>
						<p>业内新闻</p>
						<div class="newsborder"></div>
					</div>
					<div class="newscontent">
						<div class="content_bd">
							<p>首页&gt;业内新闻</p>
							<p>更新日期：2015-11-18</p>
							<div class="ct_border"></div>
						</div>
						<div class="ct_box1">
							<h4>家庭影院领航者敦冠科技签约三亚温德姆度假酒店</h4>
							<div><img src="img/list/图层 3 副本 3.png" /></div>
							<p>家庭影院领航者敦冠科技签约三亚大型酒店.再次证明了在敦冠在建设影院行业领导者地位..........</p>
						</div>
						<div class="ct_box2">
							<h4>敦冠影音-本月签单珠海凤凰山脚下明月山溪别墅项目</h4>
							<div><img src="img/list/图层 3.png" /></div>
							<p>
								珠海明月山溪地处正在崛起中的高端住宅区——新香洲红门楼片区，项目三面环绕城市龙脉凤凰山麓，西邻规划中全市 最大生态公园，南眺繁华城市。
							</p>
						</div>
						<div class="ct_box3">
							<h4>家庭影院功放新品，全面升级杜比全景声</h4>
							<div><img src="img/list/图层 3 副本.png" /></div>
							<p>
								日本，大阪(2014/9/26)安桥宣布2014年新品网络影音接收机产品TX-NR636，TX-NR737和TX-NR838 的杜比全景声供下载。这个免费的升级可以通过网络连接或者USB下载进行更新。
							</p>
						</div>
						<div class="ct_button">
							<ul>
								<li>
									<button>1</button>
								</li>
								<li>
									<button>2</button>
								</li>
								<li>
									<button>3</button>
								</li>
								<li>
									<button>4</button>
								</li>
								<li>
									<button>5</button>
								</li>
								<li>
									<button>下一页&gt;</button>
								</li>
								<li>
									<button>尾页</button>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>

			<!--底部-->
			<footer>
				<div class="footerbox">
					<ul class="one">
						<li><img src="img/homepage/微信截图_20190911200002_07.png" /></li>
						<li>扫描二维码了解更多内容</li>
					</ul>
					<ul class="two">

						<li><img src="img/homepage/微信截图_20190911200002_10.png" /></li>
						<li><img src="img/homepage/微信截图_20190911200002_13.png" /></li>
						<li><img src="img/homepage/微信截图_20190911200002_17.png" /></li>
					</ul>
					<ul class="three">
						<li>联系方式：</li>
						<li>0755-25023651 0755-25023653</li>
						<li>0755-25023658 0755-25023659</li>
						<li>12311231@qq.com</li>
						<li>深圳市深南中路绿景广场(NEO企业大道)B栋32F</li>
					</ul>
					<div class="four">
						<p>用户反馈：</p>
						<input type="text" placeholder="你的名字" />
						<input type="text" placeholder="你的电子邮箱" />
						<input type="text" placeholder="请输入一个标题" />
						<textarea placeholder="请输入你要留言的内容"></textarea>
						<input type="button" name="" id="" value="留言" />
					</div>
				</div>

				<div class="footerbox2">
					<ul>
						<li class="logtext">深圳市敦冠科技有限公司</li>
						<li class="englishlog">Shenzhen Topcrest Technology Co.,Ltd</li>
						<li class="registration">Shenzhen Topcrest Technology Co.,Ltd .All Rights Reserved / Powered By Ciya Interactive 粤ICP备09077069号-2</li>
					</ul>
				</div>
			</footer>
		</div>
	</body>

</html>